<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0，user-scalable=0">
    <title>小米商城-小米官方网站，小米手机、红米手机正品专卖</title>
    <link rel="stylesheet" href="./css/首页.css">
    <link rel="stylesheet" href="./阿里巴巴/iconfont.css">
    <link rel="icon" href="./APP图片/logo-mi2.png">
    <script>
        !(function (win, doc) {
            function setFontSize() {
                var winWidth = window.innerWidth;
                doc.documentElement.style.fontSize = (winWidth / 1080) * 100 + 'px';
            }
            var evt = 'onorientationchange' in win ? 'orientationchange' : 'resize';
            var timer = null;
            win.addEventListener(evt, function () {
                clearTimeout(timer);
                timer = setTimeout(setFontSize, 300);
            }, false);
            win.addEventListener("pageshow", function (e) {
                if (e.persisted) {
                    clearTimeout(timer);
                    timer = setTimeout(setFontSize, 300);
                }
            }, false);
            setFontSize();
        }(window, document));

    </script>
</head>

<body>
    <div class="nav">
        <div class="logo">
            <span class="iconfont icon-xiaomi"></span>
        </div>
        <li>
            <input type="text" placeholder="小米11">
            <span class="iconfont icon-sousuo"></span>
            <span class="iconfont icon-saoma"></span>
        </li>

        <span class="iconfont icon-pinglun"></span>
    </div>
    <div class="section">
        <div class="sec-top-pic">
           <a href="./小米10/小米10.html"><img src="./APP图片/1.webp" alt=""></a> 
            <span>立即抢购</span>
        </div>
        <div class="sec-center-title">
            <li><img src="./APP图片/default.png" alt="">
                <span>官方商城</span>
            </li>
            <li><img src="./APP图片/default.png" alt="">
                <span>正品保障</span>
            </li>
            <li><img src="./APP图片/default.png" alt="">
                <span>售后无忧</span>
            </li>
        </div>
        <div class="sec-center-ten-pic">
            <li><img src="./APP图片/j1.png" alt="">
            </li>
            <li><img src="./APP图片/a2.webp" alt="">
            </li>
            <li><img src="./APP图片/a3.webp" alt="">
            </li>
            <li><img src="./APP图片/j3.webp" alt="">
            </li>
            <li><img src="./APP图片/a5.webp" alt="">
            </li>
            <li><img src="./APP图片/a6.webp" alt="">
            </li>
            <li><img src="./APP图片/a7.png" alt="">
            </li>
            <li><img src="./APP图片/a8.png " alt="">
            </li>
            <li><img src="./APP图片/a9.webp" alt="">
            </li>
            <li><img src="./APP图片/a10.png" alt="">
            </li>
        </div>
        <div class="sec-pic-bottom">
            <img src="./APP图片/b1.webp" alt="">
        </div>
        <div class="sec-phone-choose">
            <span>手机臻选</span>
            <div>
                <li><img src="./APP图片/b2.webp" alt=""></li>
                <li><img src="./APP图片/b3.webp" alt=""></li>
                <li><img src="./APP图片/b5.webp" alt=""></li>
                <li><img src="./APP图片/b3.webp" alt=""></li>

            </div>
            <span>加装换新季</span>
            <div>
                <li><img src="./APP图片/b2.webp" alt=""></li>
                <li><img src="./APP图片/b3.webp" alt=""></li>
                <li><img src="./APP图片/b5.webp" alt=""></li>
                <li><img src="./APP图片/b3.webp" alt=""></li>

            </div>
            <span>智能生活</span>
            <div>
                <li><img src="./APP图片/b2.webp" alt=""></li>
                <li><img src="./APP图片/b3.webp" alt=""></li>
                <li><img src="./APP图片/b5.webp" alt=""></li>
                <li><img src="./APP图片/b3.webp" alt=""></li>

            </div>

        </div>
        <div class="sec-foot-pic">
            <img src="./APP图片/b6.webp" alt="">
        </div>
    </div>
    <div class="aside-miaosha">

        <div class="miaosha-top">
            <span>小米秒杀</span>
            <button>14点场</button>
            <button>04:40:40</button>
            <span>小米直播</span>
            <span>游戏玩家</span>
        </div>
        <div class="miaosha-pic">
            <li><img src="./APP图片/c1.jpg" alt="">
                <span>￥359 <del>￥399</del></span>
            </li>
            <li><img src="./APP图片/c2.jpg" alt="">
                <span>￥179 <del>￥199</del></span>
            </li>
            <li><img src="./APP图片/c3.jpg" alt="">
                <span>智能生活</span>
            </li>
            <li><img src="./APP图片/c4.jpg" alt="">
                <span>油点意思</span>
            </li>
        </div>
    </div>
    <div class="headlines">
        <span>头条</span>
        <span>活动</span>
        <span>母亲节，让我们花式夸一夸妈妈</span>
        <span>更多</span>
    </div>
    <div class="notice">
        <span>小米商城合规公示</span>
        <span>></span>
    </div>
    <div class="price">
        <li><img src="./APP图片/c5.jpg" alt="">
            <span>黑鲨4Pro 骁龙888</span>
            <span>CPU型号 骁龙888</span>
            <p>￥3999 <span>起</span></p>
        </li>
        <li><img src="./APP图片/c1.jpg" alt="">
            <span>黑鲨4Pro 骁龙888</span>
            <span>CPU型号 骁龙888</span>
            <p>￥3999 <span>起</span></p>
        </li>
        <li><img src="./APP图片/c2.jpg" alt="">
            <span>黑鲨4Pro 骁龙888</span>
            <span>CPU型号 骁龙888</span>
            <p>￥3999 <span>起</span></p>
        </li>
        <li><img src="./APP图片/c3.jpg" alt="">
            <span>黑鲨4Pro 骁龙888</span>
            <span>CPU型号 骁龙888</span>
            <p>￥3999 <span>起</span></p>
        </li>
        <li><img src="./APP图片/c4.jpg" alt="">
            <span>黑鲨4Pro 骁龙888</span>
            <span>CPU型号 骁龙888</span>
            <p>￥3999 <span>起</span></p>
        </li>
        <li><img src="./APP图片/c3.jpg" alt="">
            <span>黑鲨4Pro 骁龙888</span>
            <span>CPU型号 骁龙888</span>
            <p>￥3999 <span>起</span></p>
        </li>
        <li><img src="./APP图片/c5.jpg" alt="">
            <span>黑鲨4Pro 骁龙888</span>
            <span>CPU型号 骁龙888</span>
            <p>￥3999 <span>起</span></p>
        </li>
        <li><img src="./APP图片/c2.jpg" alt="">
            <span>黑鲨4Pro 骁龙888</span>
            <span>CPU型号 骁龙888</span>
            <p>￥3999 <span>起</span></p>
        </li>
    </div>
    <div class="foot">

        <li><a href="./index.html"><img src="./APP图片/f1.png" alt=""></a>
            <span><a href="./index.html">首页</a> </span>
        </li>
        <li>
            <a href="./分类/分类.html"><img src="./APP图片/f2.png" alt=""></a>
            <span><a href="./分类/分类.html">分类</a> </span>
        </li>
        <li>
            <a href="./米圈/米圈.html"><img src="./APP图片/f3.png" alt=""></a>
            <span><a href="./米圈/米圈.html">米圈</a> </span>
        </li>
        <li>
            <a href="./购物车/购物车.html"><img src="./APP图片/f4.png" alt=""></a>
            <span><a href="./购物车/购物车.html">购物车</a> </span>
        </li>
        <li>
            <a href="./我的/我的.html"><img src="./APP图片/f5.png" alt=""></a>
            <span><a href="./我的/我的.html">我的</a> </span>
        </li>
    </div>
</body>

</html>